<!doctype html>
<html lang="en">
<head>
   {{> head }}
   {{{ page.stylesheets }}}
</head>
<body class="impress-not-supported">
  <div class="fallback-message">
    <p>Your browser <b>doesn't support the features required</b> by impress.js, so you are   
      presented with a simplified version of this presentation.</p>
    <p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> 
      browser.</p>
  </div>
  <div id="impress">
    
    {{{ page.content }}}
 
    <div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">
    </div>

  </div>

  <div class="hint">
    <p>Use a spacebar or arrow keys to navigate</p>
  </div>
  
  {{> social }}
</body>
 <script>
  if ("ontouchstart" in document.documentElement) { 
    document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
  }
 </script>
 <script src="{{page.url.framework}}/js/impress.js"></script>
 <script>impress().init();</script>
 {{> javascripts }}
</html>
